.text-justify {
  text-align: justify;
}

.link-hover-warning {
  &:hover {
    color: $warning !important;
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: $warning !important;
    }
  }
}

.line-bottom-hover {
  position: relative;
  &::before,
  &::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: $gray-200;
    width: 100%;
    z-index: 1;
  }
  &::after {
    width: 0;
    background-color: $warning;
    transition: all 0.3s ease-in-out;
  }
  &:hover {
    &::after {
      width: 100%;
    }
  }
}

.border-hover-warning {
  &:hover {
    border-color: $warning !important;
  }
}
.border-hover-info {
  &:hover {
    border-color: $info !important;
  }
}

.card-hover {
  transition: transform 0.2s ease-in-out, border-color 0.2s ease-in-out,
    background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  &:hover {
    transform: translateY(-0.125rem);
    // background-color: $info !important;
    @include box-shadow($box-shadow-sm);
  }
  &.shadow-sm:hover {
    @include box-shadow($box-shadow !important);
  }
  &.shadow:hover {
    @include box-shadow($box-shadow-lg !important);
  }
}

.line {
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  &-2 {
    -webkit-line-clamp: 2;
    // min-height: 2.625rem;
  }
  &-3 {
    -webkit-line-clamp: 3;
    // min-height: 3.9375rem;
  }
}

.bg-gradient-black {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

.bg-gradient-primary {
  background: linear-gradient(19deg, #004499 30%, #002e9f 70%) !important;
}

.bg-repeat-0 {
  background-repeat: no-repeat !important;
}

.bg-position-center {
  background-position: center !important;
}

.bg-position-right-center {
  background-position: right center !important;
}

.bg-position-bottom-center {
  background-position: bottom center !important;
}

.bg-size-cover {
  background-size: cover !important;
}

// 分页
.pb_sys_style1 {
  margin-bottom: 15px;
  .p_no_d {
    border-color: $primary !important;
    background-color: $primary !important;
  }
}

// 文章内容
#vsb_content {
  p {
    line-height: 1.8;
    text-align: justify;
    word-break: break-word;
  }

  img {
    max-width: 100%;
    height: auto !important;
    // max-height: calc(100vh - 100px);
  }

  // strong {
  //   font-size: 1.175em;
  // }

  a {
    color: $primary;
    &:hover {
      color: $warning;
    }
  }

  .table-responsive {
    td {
      white-space: nowrap;
    }
  }
}

// 专业图片圆角
.major {
  .img_vsb_content {
    border-radius: var(--#{$prefix}border-radius) !important;
  }
}

// diy form

.query-top {
  display: none !important;
}
.query-con {
  min-height: 20px !important;
  padding-bottom: 0 !important;
}
.query-prefix {
  text-align: justify;
  max-width: 600px !important;
  margin: 0px auto !important;
  font-size: 0.75rem;
}
#apply {
  height: 1px;
}
.query-main {
  min-height: 300px !important;
  padding-top: 0 !important ;
}
.layui-form {
  max-width: 600px !important;
  margin: 0 auto !important;
}

.layui-input {
  max-width: 30rem;
}
.layui-input,
.layui-textarea {
  border-radius: 0.375rem;
}
.pic-intro {
  font-size: small;
  opacity: 0.75;
}
input::placeholder,
textarea::placeholder {
  color: #a0a0a0;
  font-size: 0.875rem;
}
